@charset "utf-8";
.activity-content{width:100%;margin-top:8px;background-color: #ffffff;border-top: 1px solid #f2f2f2;position: relative;}
.activity-content.top{margin-top:0px;}
.activity-desc{display:-moz-box; display:-webkit-box;display:box;overflow: hidden;padding:10px;}
.activity-img{width:100%;position: relative;}
.activity-img img{width:100%;height: auto;}

.country-logo{padding:1px 5px 0 0px;}
.country-logo img{height:14px;width: 14px;border-radius: 100%;background-position:center center;}
.country-logo .country-logo-img{height:14px;width: 14px;border-radius: 100%;background-position:center center;}
.activity-title{box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;font-size: 1.4rem;}
.activity-title p .activity-left{color:#777777;font-size: 1.2rem;}

.menu-list{height:45px;padding:5px 0;z-index:6;border-top:1px solid #f4f4f4;position: fixed;bottom:0;width:100%;background-color:#fff;display:-moz-box; display:-webkit-box;display:box;-moz-box-align:center;-webkit-box-align:center;-o-box-align:center;box-align:center;}
.menu-list>div{color:#777777;position:relative;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size: 1.2rem;}
.menu-list .menu-img{width:24px;height:24px;margin: 0 auto;position: relative; margin-bottom: 2px;}
.menu-list .select{color:#fc3063;}
.menu-list .menu-index{background:url("/static/images/index.png") no-repeat;background-size: cover;}
.menu-list .select .menu-index{background:url("/static/images/s_index01.png") no-repeat;background-size: cover;}
.menu-list .menu-category{background:url("/static/images/category.png") no-repeat;background-size: cover;}
.menu-list .select .menu-category{background:url("/static/images/s_category01.png") no-repeat;background-size: cover;}
.menu-list .menu-cart{background:url("/static/images/cart.png") no-repeat;background-size: cover;}
.menu-list .select .menu-cart{background:url("/static/images/s_cart01.png") no-repeat;background-size: cover;}
.menu-list .menu-person{background:url("/static/images/person.png") no-repeat;background-size: cover;}
.menu-list .select .menu-person{background:url("/static/images/s_person01.png") no-repeat;background-size: cover;}
.menu-list .point{z-index:9;position:absolute;left: 18px;top:-3px;padding:0 1px;min-width:14px;height:16px;line-height: 16px;border-radius: 8px;background-color: #fc3063;font-size: 1rem;color:#fff;}

.center-menu-div{width:100%;text-align: center;background-color:#f6f6f6;}
.center-menu{ margin:0 auto;height:30px;z-index:6;width:100%;display:-moz-box; display:-webkit-box;display:box;-moz-box-align:center;-webkit-box-align:center;-o-box-align:center;box-align:center;}
.center-menu>div{color:#777777;position:relative;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size: 1.2rem;}
.center-menu .menu-img{width:20px;height:20px;margin: 0 auto;position: relative; margin-bottom: 2px;}
.center-menu .menu-label{font-size: 1.4rem;color:#333333;}
.center-menu .hot-icon{position: absolute;top:-2px;height:auto;width:20px;}

/** 顶部广告轮播图**/
.ad.swiper-container{width:100%;margin-left:auto;margin-right:auto;margin-bottom: 8px;}
.ad .swiper-slide{text-align:center;background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ad .swiper-slide img{width:100%;}

.time.swiper-container{width:100%;margin-left:auto;margin-right:auto;margin-bottom: 8px;border-bottom:1px solid #f1f1f1;border-top: 1px solid #f2f2f2;}
.time .swiper-slide{text-align:center;background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.time .swiper-slide img{width:100%;}

.swiper-pagination-bullet-active.swiper-pagination-bullet{
    background: #ffffff;border:1px solid #999999;width:4px;height:4px;
}
.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

.time-ac-div{width:100%;padding: 20px 0;display:-moz-box; display:-webkit-box;display:box;-moz-box-align:center;-webkit-box-align:center;-o-box-align:center;box-align:center;}
.time-ac-div .left-part{padding: 0 0 0 15px;width:50%;position:relative;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.time-ac-div .right-part{padding: 0 15px 0 8px;width:50%;position:relative;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.time-title{text-align:left;margin-left: 6px;}
.time-title span{font-size: 1.6rem;vertical-align: middle;}
.time-desc{text-align:left;margin:8px 0 0 8px;color: #777777;font-size: 1.2rem;}
.time-detail{text-align:left;margin:8px;font-size: 2rem;}
.time-detail span{display: inline-block;padding:5px;border: 1px solid #f6f6f6;border-radius: 2px;}
.time-price{text-align:left;margin-left: 8px;color: #fc3063;font-size: 1.2rem;}
.time-price span{}
.ac-price-unit{font-size: 1.2rem;}
.or-price-unit{font-size: 1rem;}
.ac-price{color: #fc3063;font-size: 1.8rem;font-weight: 500;}
.or-price{color: #999999;text-decoration: line-through;font-size: 1.3rem;}

.topical-container{
    width: 100%;
    height: auto;
    margin: 10px auto;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

@media (max-device-width: 414px) and  (min-device-width: 414px){
    .activity-img img{width:414px;height: auto;}
    .ad.swiper-container{width:414px;margin-left:auto;margin-right:auto;margin-bottom: 8px;}
    .ad .swiper-slide img{width:414px;}
    .time.swiper-container{width:414px;margin-left:auto;margin-right:auto;margin-bottom: 8px;}
    .time .swiper-slide img{width:100%;}
    .topical-container{
        width:414px;
        height: auto;
        margin: 10px auto;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }
}
@media (max-device-width: 375px) and  (min-device-width: 375px){
    .activity-img img{width:375px;height: auto;}
    .ad.swiper-container{width:375px;margin-left:auto;margin-right:auto;margin-bottom: 8px;}
    .ad .swiper-slide img{width:375px;}
    .time.swiper-container{width:375px;margin-left:auto;margin-right:auto;margin-bottom: 8px;}
    .time .swiper-slide img{}
    .topical-container{
        width:375px;
        height: auto;
        margin: 10px auto;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }
}
@media (max-device-width: 320px) and  (min-device-width: 320px){
    .activity-img img{width:320px;height: auto;}
    .ad.swiper-container{width:320px;margin-left:auto;margin-right:auto;margin-bottom: 8px;}
    .ad .swiper-slide img{width:320px;}
    .time.swiper-container{width:320px;margin-left:auto;margin-right:auto;margin-bottom: 8px;}
    .time .swiper-slide img{}
    .topical-container{
        width:320px;
        height: auto;
        margin: 10px auto;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }
    .time-title{text-align:left;margin-left: 0px;}
    .time-desc{text-align:left;margin:8px 0 0 0;color: #777777;font-size: 1.2rem;}
    .time-detail{text-align:left;margin:8px 0;font-size: 2rem;}
    .time-detail span{display: inline-block;padding:5px;border: 1px solid #f6f6f6;border-radius: 2px;}
    .time-price{text-align:left;margin-left: 0px;color: #fc3063;font-size: 1.2rem;}
}

.topical-container .topical-wrapper .goods-content{
    float:left;
    width: 100px;
    margin-left:10px;
    position: relative;
}

.topical-container .topical-wrapper img{width:100px;height:100px; }
@media screen and (max-device-width: 350px) {
}
.goods-content .goods-name{text-align:left; font-size:1.2rem;margin-top:7px;;overflow : hidden; white-space:nowrap;word-break:keep-all; }
.goods-content .goods-price{text-align:left;font-size:1.3rem;margin-top:8px;text-align: left;color:#fc3063;}
.goods-content .goods-or-price{font-size:1.1rem;margin-left:5px;color:#999999;text-decoration: line-through;}
.goods-content.more{background-color:#fff;height:100px;}
.see-more-cn{height:32px;line-height: 32px;text-align: center;margin-top: 20px;}
.see-more-cn span{border-bottom: 1px solid #999999; padding-bottom: 8px;color:#555555;}
.see-more-en{height:32px;line-height: 32px;text-align: center;color: #999999;}
.sale-today{width:100%;text-align: center;background-color: #fff;padding:10px 0;}
.sale-today-div{padding:0 15px;margin:0 auto;text-align: center;border-bottom: 1px solid #999999;}
.sale-today-cn{margin:0 auto;text-align: center;color:#555555; letter-spacing: 2px;}
.sale-today-en{margin:3px auto 0;text-align: center;color: #999999;font-size:1.3rem;}
.no-store{position: absolute;width:45px;height:45px;line-height:45px;z-index:9999;text-align:center;color:#ffffff;background-color: rgba(17, 17, 17, 0.5);border-radius:50%;font-size:1.2rem;top:27px;left: 27px; }
#special-loading{height:102px;line-height: 52px;width:100%;color: #777777;text-align: center;font-size: 1.2rem;}

.category-div{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;overflow-x: auto;width: 100%;-webkit-overflow-scrolling: touch;z-index: 999;background-color: #ffffff;margin-bottom: 8px;padding: 8px 0;}
.category-content{float: left;margin:0 3px;position: relative;text-align: center;}
.category-div .category-content:first-child{margin-left:8px;}
.category-img{width:100px;height:100px;}
.category-title{width:100px;position: absolute;top:50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%); text-align: center;}
.category-text{font-size:1.2rem;padding:3px 5px;background-color: rgba(17, 17, 17, 0.7);color: #ffffff;}
.full-cut-tip{font-size:1.2rem;padding:4px 0;width:100%;text-indent:10px;background-color: rgba(17, 17, 17, 0.5);color: #ffffff;position: absolute;bottom: 0;left: 0;}